import QtQuick 2.0

Rectangle {
    width: 360; height: 360
    color: "#eeeeee"
    id: rootItem

    Rectangle{
        id: rect
        color: "blue"
        width: 50; height: 50
        x: 0; y: 0
        NumberAnimation{
            id: animationX
            target: rect
            properties: "x, y"
            to: 310
            duration: 3000
            easing.type: Easing.OutCubic
        }

        NumberAnimation{
            id: animationRotation
            target: rect
            property: "rotation"
            to: 1080
            duration: 3000
            running: false
            easing.type: Easing.OutInQuad
        }

        NumberAnimation on radius {
            id: animationRaious
            to: 25
            duration: 3000
            running: false
            easing.type: Easing.OutCubic
        }

        MouseArea{
            id: mouseArea
            anchors.fill: parent
            onClicked: {
                animationX.start();
                animationRaious.start();
                animationRotation.start();
            }
        }
    }
}

